<template>
    <div class="stepAdd">
        <van-steps :active="active">
            <van-step>步骤一</van-step>
            <van-step>步骤二</van-step>
            <van-step>步骤三</van-step>
            <van-step>步骤四</van-step>
        </van-steps>
  
    </div>
</template>

<script>
import { 
    Step
    , Steps
     } from 'vant';
export default {
    name: 'stepAdd',
    props:[
        'active'
    ],
    components: {
        [Step.name]:Step,
        [Steps.name]:Steps
    },
    data () {
        return {
        }
    },
    watch: {
        $route: function(newRouter,oldRouter) {
        console.log(newRouter)
        }
    },
    methods:{

    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
.stepAdd .van-step{
    text-align: left
}

</style>
